<template>
  <div class="flex items-center">
    <div class="w-6 h-6 rounded-md">
      <img v-if="userStore?.userInfo?.avatar" :src="userStore?.userInfo?.avatar" alt="">
      <span class="inline-block bg-white w-6 h-6 rounded-md"></span>
    </div>
    <div class="ml-2">{{ userStore?.userInfo?.email || 'XXX@163.com' }}</div>
  </div>
</template>

<script setup lang="ts">
import { useUserStore } from '../../store/user';
const userStore = useUserStore()
</script>

<style>

</style>